@import './public.scss';
.comBox {
  @extend %comBox-style;
  .title {
    color: $black;
    font-size: 32rpx;
    padding: 14rpx 0rpx;
    text-align: center;
  }
  .body {
    padding: 24rpx;
    background:#fff;
    border-bottom-right-radius: 16rpx;
    border-bottom-left-radius: 16rpx;
    &.secondBody {
      border-top-right-radius: 16rpx;
      border-top-left-radius: 16rpx;
    }
    .inputBox {
      position: relative;
      margin: 16rpx 0;
      .title {
        float: left;
      }
      .name {
        float: left;
        width: 240rpx;
        color: $black;
      }
      .width300 {
        width: 300rpx;
      }
      .uni-input {
        float: right;
        color: rgba(0, 0, 0, 0.95);
        text-align: right;
        @include margin-right(80rpx);
        width: 186rpx;
        padding: 0 12rpx;
        background: rgba(244, 244, 244, 1);
      }
      .marginR120 {
        @include margin-right(120rpx);
      }
      .marginR110 {
        @include margin-right(110rpx);
      }
      .unit {
        position: absolute;
        right: 0;
        top: 10rpx;
        color: $black;
      }
    }
  }
}
.unitBox {
  .unit {
    font-size: 28rpx;
    .unitList {
      display: inline-block;
      padding: 6rpx 20rpx;
      border: 2rpx solid #eee;
      border-radius: 16rpx;
      margin: 0 10rpx;
    }
    .cur {
      border: 2rpx solid rgba(242, 85, 89, 1);
      color: rgba(242, 85, 89, 1);
      position: relative;
      .curImg {
        position: absolute;
        width: 40rpx;
        height: 40rpx;
        right: 0;
        bottom: 0;
        border: none;
        img {
          width: 40rpx;
          height: 40rpx;
        }
      }
    }
  }
}
